{extend name="base"/}
{block name="title"}
<title>妙百睿国际幼儿园-{$map_name}</title>
{/block}

{block name="content"}
<div class="g-hert">
    <div class="container">
        <div class="row">
            <div class=" xuxian">
                <p class="x-left pull-left">{$map_name} <span class="smalll"></span></p>
                <p class="x-right pull-right">首页&nbsp;{$map}</p>
            </div>
        </div>
        <div class="row meiti">
            {foreach name="$data" item="v"}
            <div class="col-md-6 col-sm-6 col-xs-12 ">
                <div class="pull-left m-img">
                    <img src="{$v.thumb_url}" alt="">
                </div>
                <div class="pull-left word">
                      <p class="title">
                          {$v.title}
                      </p>
                      <p class="cont">
                          {$v.description}
                      </p>
                    <a class="r-more" href="{$v.href}" target="_blank">more ></a>
                </div>
            </div>
            {/foreach}

        </div>
    </div>

</div>
{/block}
{block name="js"}
<script>
    $(function () {
        $(".word .cont").each(function () {
            var maxwidth = 63;
            if ($(this).text().length = maxwidth) {
                var b = $(this).children().is("a");
                if (b) {
                    $(this).children().text($(this).children().text().substring(0, maxwidth) + "...");
                } else {
                    $(this).text($(this).text().substring(0, maxwidth));
                    $(this).text($(this).text() + "......");
                }

            }
        });

    });
</script>
{/block}